<template>
	<div style="background-color: #f6f6f6; min-height: 100vh">
		<div class="header">
			<i>联系咨询</i>
			<img src="@/assets/feedback.png" alt="" />
		</div>
		<van-form
			scroll-to-error
			validate-first
			@failed="onFailed"
			@submit="onSubmit"
		>
			<p class="title">厦门市保险行业协会</p>
			<div class="info">
				<p>协会对外咨询电话：<strong>0592-5908359</strong></p>
				<p>
					协会地址：<strong>新华保险大厦27楼2703室（厦门市思明区会展北路5号）</strong>。
				</p>
				<p>
					协会车辆拆检定损服务处地址：<strong>厦门市湖里区港中路1699号</strong>。
				</p>
			</div>

			<p class="title">厦门市保险学会</p>
			<div class="info">
				<p>学会对外联系电话：<strong>0592-5908311</strong></p>
				学会地址：<strong>新华保险大厦27楼2703室（厦门市思明区会展北路5号）</strong>。
			</div>
		</van-form>
	</div>
</template>
<script>
import { ApiInsuranceOptions, ApiBacksave } from '@/api'
// import { showToast } from 'vant'
// import zhSplit from '@/utils/zh-split'
// import selecter from '@/components/selecter.vue'
export default {
	components: {
		// selecter
	},
	data() {
		return {
			name: '',
			insuranceId: '',
			phone: '',
			remark: '',
			showPopup: false,
			insurances: []
		}
	},
	computed: {
		// insuranceName() {
		// 	return (
		// 		this.insurances
		// 			.map((item) => item.data)
		// 			.flat()
		// 			.find((item) => item.id == this.insuranceId)?.name || ''
		// 	)
		// }
	},
	mounted() {
		// ApiInsuranceOptions().then((res) => {
		// 	this.insurances = zhSplit(res.data, 'name')
		// })
	},
	methods: {
		// onFailed(e) {
		// 	console.log(e)
		// },
		// onSubmit(data) {
		// 	data.insuranceId = this.insuranceId
		// 	ApiBacksave(data).then(() => {
		// 		showToast({
		// 			message: '提交成功！您的问题已记录'
		// 		})
		// 	})
		// },
		// handlePickerConfirm({ selectedOptions }) {
		// 	this.insurance = selectedOptions[0]
		// 	this.showPopup = false
		// }
	}
}
</script>

<style scoped lang="scss">
.header {
	height: 280px;
	margin-bottom: 50px;
	background: rgb(186, 186, 235);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 70px;
	background-image: linear-gradient(left, rgb(19 111 204), rgb(79 41 125));
	i {
		font-family: ZCoo GaoduanHei;
		font-size: 62px;
		color: #fff;
	}

	img {
		height: 210px;
		width: auto;
		filter: drop-shadow(0 0 20px #0048ff);
	}
}
.title {
	font-size: $font_medium_x;
	margin: $space_2 $space_3;
}
.info {
	color: #999;
	font-size: $font_medium;
	line-height: 1.35;
	margin-inline: $space_3;
	margin-bottom: 60px;
	p {
		margin-bottom: $space_1;
	}
	strong {
		color: #333;
	}
}

::v-deep .van-form .van-field__body {
	font-size: 32px !important;
}
</style>
